let path = require('path')

const isprod = process.env.NODE_ENV === 'production'

function resolve(dir) {
    return path.join(__dirname, dir)
}
module.exports = {
    devServer: {
        port: 8080, // 端口号
        host: "localhost",
        https: false, // https:{type:Boolean}
        open: true, //配置自动启动浏览器
    },
    //优化打包体积
    publicPath: './', // 基本路径
    outputDir: 'dist', // 输出文件目录
    // assetsDir: "static", //放置生成的静态文件目录（js css img）
    assetsDir: "./", //放置生成的静态文件目录（js css img）
    productionSourceMap: isprod, // 生产环境是否生成 sourceMap 文件
    /* productionSourceMap:false */ //是否生成map文件进行加密源码以及错误定位

    chainWebpack: config => {
        config.resolve.alias
            .set('@', resolve('src'))
            .set('assets', resolve('src/assets'))
            .set('components', resolve('src/components'))
    },
    //压缩js
    configureWebpack: (config) => {
        if (isprod) { // 为生产环境修改配置...
            config.mode = 'production';
            config["performance"] = { //打包文件大小配置
                "maxEntrypointSize": 10000000,
                "maxAssetSize": 30000000
            }
        }
    },
    //非压缩
    configureWebpack: {
        optimization: {
            minimize: false,
        },
    },
    css: {
        loaderOptions: {
            postcss: {
                plugins: [
                    // 设计稿宽度的1/10，一般为75
                    require('postcss-px2rem')({remUnit: 192}),
                ]
            }
        }
    }
};